.bg-top {
		position: relative;
		width: 100%;

		.logo {
			position: absolute;
			top: 0;
			right: 0;
			width: 400rpx;
		}

		.title {
			position: absolute;
			top: 60rpx;
			left: 30rpx;

			.dept-name {
				font-size: 50rpx;
				color: #fff;
				font-weight: 700;
				letter-spacing: 10rpx;
				margin-bottom: 30rpx;
			}

			.title-name {
				padding: 10rpx 20rpx;
				margin: 0 auto;
				color: #fff;
				font-size: 24rpx;
				background-color: #ffffff32;
				border-radius: 15rpx;
			}
		}
	}

	.card-top {
		position: relative;
		border-radius: 16rpx;
		margin: -100rpx 30rpx 30rpx;
		background-color: #fff;
		box-shadow: 0rpx 0rpx 5rpx 1rpx rgba(36,111,161,0.06);
	}

	.card {
		border-radius: 16rpx;
		margin: 0 30rpx 30rpx;
		background-color: #fff;
		box-shadow: 0rpx 0rpx 5rpx 1rpx rgba(36,111,161,0.06);
	}

	.card-title {
		font-size: 30rpx;
		padding: 26rpx;
		border-bottom: 1px solid #F6F6F6;
	}

	.felx-box {
		display: flex;

		&>view {
			flex: 1;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 50rpx 0;
			font-size: 24rpx;
			color: #888;
			border-right: 1px solid #F6F6F6;

			&:last-child {
				border-right: 0;
			}

			&>span:first-child {
				margin-bottom: 10rpx;
				font-size: 32rpx;
				color: #000;
				font-weight: 700;
			}
		}
	}
	.chart-box {
		display: flex;
		&>view {
			flex: 1;
		}
	}
	.chart-tips {
		display: flex;
		flex-direction: column;
		justify-content: center;
		color: #888;
		font-size: 24rpx;
	}
	.tips-num {
		font-size: 34rpx;
		font-weight: 700;
	}
	
	.chart-box-column {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

.panel-top {
	padding: 30rpx;
	background: linear-gradient(360deg, #FFFFFF 0%, #F7F9FC 100%);
	box-shadow: 0rpx 10rpx 10rpx 1rpx rgba(0,0,0,0.02);
}
.main-card {
	color: #fff;
}
.division-line {
	width: 1rpx;
	background: #FFFFFF;
	box-shadow: 1rpx 0rpx 0rpx 1rpx rgba(0,0,0,0.2);
	opacity: 0.3;
	border-right: 1rpx solid #FFFFFF;
	flex: 0 !important;
}
.refresh-time {
	font-size: 20rpx;
	color: #ccc;
	margin-top: 41rpx;
	text-align: center;
	margin-bottom: 10rpx;
}
.main-bg {
	margin-top: 20rpx;
	height: 412rpx;
	background: linear-gradient(180deg, #FFFFFF 0%, #F7F9FC 100%);
	padding: 30rpx;
}
.main-content {
	margin-top: -314rpx;
}
.main-title {
	font-size: 34rpx;
	color: #5F6475;
	font-weight: 700;
}

// 按钮组
.btn-group {
	display: flex;
	padding: 0 30rpx;
	margin-bottom: 22rpx;
	&>view{
		margin-right: 20rpx;
	}
	&>view:last-child {
		margin-right: 0;
	}
}
.btn {
	width: 100%;
	text-align: center;
	background: #FFFFFF;
	border-radius: 30rpx 30rpx 30rpx 30rpx;
	border: 1rpx solid #A7ABBB;
	padding: 12rpx 0;
	color: #A7ABBB;
	font-size: 26rpx;
}
.btn-select {
	color: #fff;
	background-color: #1B9CFF;
	border: 0;
}

.small-card {
		font-size: 24rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		padding: 4rpx 16rpx;
	}
	.blur {
		background-color: rgba(27, 156, 255, .1);
		color: rgba(27, 156, 255, 1);
	}
	.red {
		background-color: rgba(255, 59, 47, .1);
		color: rgba(255, 59, 47, 1);
	}
	.green {
		background-color: rgba(22, 203, 172, .1);
		color: rgba(22, 203, 172, 1);
	}